﻿<UserControl x:Class="PowerArrowLoading.Page"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    Width="460" Height="360" xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
	<UserControl.Resources>
		<Style x:Key="ProgressBarStyle1" TargetType="ProgressBar">
			<Setter Property="Foreground" Value="#FF027DB8"/>
			<Setter Property="Background" Value="#FFD2D5D8"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="Maximum" Value="100"/>
			<Setter Property="IsTabStop" Value="False"/>
			<Setter Property="BorderBrush">
				<Setter.Value>
					<LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
						<GradientStop Color="#FFAEB7BF" Offset="0"/>
						<GradientStop Color="#FF919EA7" Offset="0.35"/>
						<GradientStop Color="#FF7A8A99" Offset="0.35"/>
						<GradientStop Color="#FF647480" Offset="1"/>
					</LinearGradientBrush>
				</Setter.Value>
			</Setter>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="ProgressBar">
						<Grid x:Name="Root">
							<vsm:VisualStateManager.VisualStateGroups>
								<vsm:VisualStateGroup x:Name="CommonStates">
									<vsm:VisualState x:Name="Determinate"/>
									<vsm:VisualState x:Name="Indeterminate">
										<Storyboard RepeatBehavior="Forever">
											<ObjectAnimationUsingKeyFrames Duration="00:00:00" Storyboard.TargetName="IndeterminateRoot" Storyboard.TargetProperty="(UIElement.Visibility)">
												<DiscreteObjectKeyFrame KeyTime="00:00:00">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Visible</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Duration="00:00:00" Storyboard.TargetName="DeterminateRoot" Storyboard.TargetProperty="(UIElement.Visibility)">
												<DiscreteObjectKeyFrame KeyTime="00:00:00">
													<DiscreteObjectKeyFrame.Value>
														<Visibility>Collapsed</Visibility>
													</DiscreteObjectKeyFrame.Value>
												</DiscreteObjectKeyFrame>
											</ObjectAnimationUsingKeyFrames>
											<DoubleAnimationUsingKeyFrames Storyboard.TargetName="IndeterminateGradientFill" Storyboard.TargetProperty="(Shape.Fill).(LinearGradientBrush.Transform).(TransformGroup.Children)[0].X">
												<SplineDoubleKeyFrame KeyTime="0" Value="0"/>
												<SplineDoubleKeyFrame KeyTime="00:00:.5" Value="20"/>
											</DoubleAnimationUsingKeyFrames>
											<ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="IndeterminateSolidFill" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
												<SplineColorKeyFrame KeyTime="00:00:00" Value="#FF76FF78"/>
											</ColorAnimationUsingKeyFrames>
										</Storyboard>
									</vsm:VisualState>
								</vsm:VisualStateGroup>
							</vsm:VisualStateManager.VisualStateGroups>
							<Border x:Name="ProgressBarTrack" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3" Background="#FFB0D49F">
								<Border.BorderBrush>
									<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
										<GradientStop Color="#FFABEEA3"/>
										<GradientStop Color="#FF8CC285" Offset="0.34999999403953552"/>
										<GradientStop Color="#FF58D071" Offset="0.356"/>
										<GradientStop Color="#FF155322" Offset="1"/>
									</LinearGradientBrush>
								</Border.BorderBrush>
							</Border>
							<Grid x:Name="ProgressBarRootGrid">
								<Rectangle Margin="{TemplateBinding BorderThickness}" x:Name="ProgressBarRootGradient" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1.5" RadiusY="1.5" Canvas.ZIndex="1" d:IsHidden="True">
									<Rectangle.Fill>
										<LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
											<GradientStop Color="#B2FFFFFF" Offset="0"/>
											<GradientStop Color="#C6FFFFFF" Offset="0.15"/>
											<GradientStop Color="#D1FFFFFF" Offset="0.275"/>
											<GradientStop Color="#C6FFFFFF" Offset="0.4"/>
											<GradientStop Color="#BFFFFFFF" Offset="0.65"/>
											<GradientStop Color="#A5FFFFFF" Offset="0.75"/>
											<GradientStop Color="#91FFFFFF" Offset="0.85"/>
											<GradientStop Color="#72FFFFFF" Offset="1"/>
										</LinearGradientBrush>
									</Rectangle.Fill>
								</Rectangle>
								<Grid x:Name="IndeterminateRoot" Visibility="Collapsed">
									<Rectangle Margin="{TemplateBinding BorderThickness}" x:Name="IndeterminateSolidFill" Opacity="1" RenderTransformOrigin="0.5,0.5" Stroke="#FF109F13" StrokeThickness="0" RadiusX="2" RadiusY="2" Fill="#FF2AFF2E"/>
									<Rectangle Margin="{TemplateBinding BorderThickness}" x:Name="IndeterminateGradientFill" Opacity="0.7" StrokeThickness="1" RadiusX="2" RadiusY="2">
										<Rectangle.Fill>
											<LinearGradientBrush EndPoint="0,1" StartPoint="20,1" MappingMode="Absolute" SpreadMethod="Repeat">
												<LinearGradientBrush.Transform>
													<TransformGroup>
														<TranslateTransform X="0"/>
														<SkewTransform AngleX="-30"/>
													</TransformGroup>
												</LinearGradientBrush.Transform>
												<GradientStop Color="#FFFFFFFF" Offset="0"/>
												<GradientStop Color="#00FFFFFF" Offset=".25"/>
												<GradientStop Color="#FFFFFFFF" Offset="0.85"/>
											</LinearGradientBrush>
										</Rectangle.Fill>
									</Rectangle>
								</Grid>
								<Grid Margin="1" x:Name="DeterminateRoot">
									<Rectangle HorizontalAlignment="Left" Margin="{TemplateBinding BorderThickness}" x:Name="ProgressBarIndicator" StrokeThickness="0.5" RadiusX="1.5" RadiusY="1.5" Fill="#FF0CAF00"/>
								</Grid>
							</Grid>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>
    <Grid x:Name="LayoutRoot">

    	<Image HorizontalAlignment="Center" Margin="0,0,0,0" VerticalAlignment="Center" Source="cover.png" Stretch="None"/>
    	<ProgressBar Minimum="0" Maximum="100" x:Name="xProgressBar" Height="10" HorizontalAlignment="Right" Margin="0,0,24,168" Style="{StaticResource ProgressBarStyle1}" VerticalAlignment="Bottom" Width="200"/>
    	<Grid x:Name="btnPlay" MouseLeftButtonUp="btnPlay_MouseLeftButtonUp" Height="27" HorizontalAlignment="Right" Margin="0,0,85,125" VerticalAlignment="Bottom" Width="74" Cursor="Hand" Visibility="Collapsed">
    		<Image Source="button.png" Stretch="Fill"/>
    		<TextBlock HorizontalAlignment="Center" Margin="0,0,0,10" VerticalAlignment="Center" Foreground="#FFFFFFFF" Text="play" TextWrapping="Wrap"/>
    	</Grid>

    </Grid>
</UserControl>
